layui.use(['table', 'form', 'jquery', 'laydate'], function() {
	var table = layui.table;
	var form = layui.form;
	var $ = layui.jquery;
	var laydate = layui.laydate;

	table.render({
		elem: '#test',
		url: 'http://localhost:8080/Online-student/StudentController/getAllStudent',
		toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
			,
		where: {
			del:0
		},
		defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
			title: '提示',
			layEvent: 'LAYTABLE_TIPS',
			icon: 'layui-icon-tips'
		}],
		title: '用户数据表',
		cols: [
			[{
				type: 'checkbox',
				fixed: 'left'
			}, {
				field: 'sid',
				title: '编号',
			}, {
				field: 'sname',
				title: '学生姓名',
			}, {
				field: 'deptname',
				templet: function(data) {
					return data.department[0].deptname;
				},
				title: '系别',
				align: "center"
			}, {
				field: 'cname',
				templet: function(data) {
					return data.classinfo[0].cname;
				},
				title: '班级',
				align: "center"
			}, {
				field: 'coname',
				templet: function(data) {
					return data.course[0].coname;
				},
				title: '课程',
				align: "center"
			}, {
				field: 'description',
				templet: function(data) {
					return data.course[0].description;
				},
				title: '课程介绍',
				align: "center"
			}, {
				field: 'sex',
				title: '性别',
			}, {
				field: 'age',
				title: '年龄',
			}, {
				field: 'phone',
				title: '电话号码'
			}, {
				field: 'email',
				title: '邮箱',
			}, {
				field: 'birthday',
				title: '出生日期',
			}, {
				fixed: 'right',
				title: '操作',
				toolbar: '#barDemo',
				width: 200
			}]
		],
		page: true,
		parseData: function(res) { //res 即为原始返回的数据
			console.log(res);
			return {
				"code": res.status, //解析接口状态
				"msg": res.message, //解析提示文本
				"count": res.data.total, //解析数据长度
				"data": res.data.list //解析数据列表
			};
		}
	});
	// 监听模糊查询
	form.on('submit(demo1)', function(data) {
		//上述方法等价于
		table.reload('test', {
			where: { //设定异步数据接口的额外参数，任意设
				method: 'getAllStudent',
				sname: $("#snames").val(),
				phone: $("#phones").val(),
			},
			page: {
				curr: 1 //重新从第 1 页开始
			}
		}); //只重载数据
		return false;
	});
	// from增加和修改
	form.on('submit(demo)', function(data) {
		if (data.field.sid == 0 || data.field.sid == "") {
			$.ajax({
				url: 'http://localhost:8080/Online-student/StudentController/addStudent',
				type: 'get',
				data: {
					sname: $("#sname").val(),
					sex: $("#sex").val(),
					age: $("#age").val(),
					phone: $("#phone").val(),
					email: $("#email").val(),
					birthday: $("#birthday").val(),
					cid: $("#cid").val(),
					rid: $("#rid").val(),
					deptid: $("#deptid").val()
				},
				dataType: "json",
				success: function(result) {
					if (result.data == 1) {
						//上述方法等价于
						layer.closeAll();
						table.reload('test', {
							page: {
								curr: 1 //重新从第 1 页开始
							}
						}); //只重载数据
						$("#from")[0].reset();
						layer.msg(result.message);
					}
				}
			})
		} else {
			$.ajax({
				url: 'http://localhost:8080/Online-student/StudentController/updateStudent',
				type: 'get',
				data: {
					sid: $("#sid").val(),
					sname: $("#sname").val(),
					sex: $("#sex").val(),
					age: $("#age").val(),
					phone: $("#phone").val(),
					email: $("#email").val(),
					birthday: $("#birthday").val(),
					cid: $("#cid").val(),
					rid: $("#rid").val(),
					deptid: $("#deptid").val()
				},
				dataType: "json",
				success: function(result) {
					if (result.data == 1) {
						//上述方法等价于
						layer.closeAll();
						table.reload('test', {
							page: {
								curr: 1 //重新从第 1 页开始
							}
						}); //只重载数据
						$("#from")[0].reset();
						layer.msg(result.message);
					}
				}
			})
		}
		return false;
	});
	//头工具栏事件
	table.on('toolbar(test)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id);
		switch (obj.event) {
			case 'getCheckData':
				/**
				 * 增加弹出层
				 */
				layer.open({
					type: 1, //此处以iframe举例
					title: '教师信息管理',
					area: ['1100px', '750px'],
					shade: 0,
					maxmin: true,
					offset: ['10%', '20%'],
					content: $("#from"),
					success: function(layero, index) {
						layer.setTop(layero); //重点2. 保持选中窗口置顶
					}
				})
				break;
		};
	});

	//监听行工具事件
	table.on('tool(test)', function(obj) {
		var data = obj.data;
		form.val('from', data);
		form.val('demo', data);
		//console.log(obj)
		if (obj.event === 'del') {
			layer.confirm('真的删除行么', function(index) {
				obj.del();
				layer.close(index);
			});
		} else if (obj.event === 'edit') {
			/**
			 * 增加弹出层
			 */
			layer.open({
				type: 1, //此处以iframe举例
				title: '教师信息管理',
				area: ['1100px', '750px'],
				shade: 0,
				maxmin: true,
				offset: ['10%', '20%'],
				content: $("#from"),
				success: function(layero, index) {
					layer.setTop(layero); //重点2. 保持选中窗口置顶
				}
			})
		}
		if (obj.event === 'select') {
			layer.open({
				type: 1, //此处以iframe举例
				title: '学生信息',
				area: ['800px', '500px'],
				shade: 0,
				maxmin: true,
				offset: ['10%', '20%'],
				content: $("#demo"),
				success: function(layero, index) {}
			});
		}
	});
	//生日
	laydate.render({
		elem: '#birthday',
		//设置开始日期、日期日期的 input 选择器
		//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
		type: 'date'
	});
	// //生日
	// laydate.render({
	// 	elem: '#updatetime',
	// 	//设置开始日期、日期日期的 input 选择器
	// 	//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
	// 	type: 'date'
	// });
});
